<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">计算任务列表</li>
            </ul>
        </div>
    </div>
</div>
<div class="pull-convert-alert"></div>

<style type="text/css">
    .form-control {
<!--        height: 25px;-->
        padding: 0 3px;
<!--        font-size: 12px;-->
        min-width: 150px;
    }

    .btn {
<!--        padding: 3px 16px;-->
<!--        font-size: 12px;-->
    }
</style>

<div style="padding: 0 10px 0; float:right;">
    <div style="text-align: right;font-size: 1.2rem; color: red;">更新时间：10:00，负责人：lixiyong01，表doris：app_zp_rock_task_inst, 成本（阿里云）：150元/CU/月（仅作参考）</div>
    <br />
</div>

<div style="padding: 0 10px 10px;">
    <div class="row">
        <div class="col-sm-10 col-md-10">
            <form class="form-inline" action="" onsubmit="return false;">

                <div class="form-group">
                    <label for="dt">报告时间</label>
                    <input type="text" class="form-control" id="dt" placeholder="请填写报告时间"
                        ng-model="vm.p.dt">
                </div>
                <div class="form-group">
                    <label for="ownerId">用户OA</label>
                    <input type="text" class="form-control" id="ownerId" placeholder="请填写用户OA" ng-model="vm.p.ownerId">
                </div>

                <div class="form-group">
                    <label for="queueName">计算队列</label>
                    <select class="form-control" ng-model="vm.p.queueName" id="queueName">
                        <option value="">ALL</option>
                        <option>root.offline.hdp_lbg_supin.normal</option>
                        <option>root.offline.hdp_lbg_supin.explorer</option>
                        <option>root.offline.hdp_lbg_zhaopin.normal</option>
                        <option>root.offline.hdp_lbg_zhaopin.explorer</option>
                        <option>root.spark.hdp_lbg_supin.spark</option>
                        <option>root.spark.hdp_lbg_zhaopin.spark</option>
                    </select>
                </div>

                <button id="refreshTable" type="button" class="btn btn-primary" ng-click="searchCostTask()">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>确定
                </button>

            </form>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-12 col-md-12" style="float: right">
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <h4 class="sub-header" style="font-size: 1.6rem;"> 任务列表 </h4>
                <table id="list_table" class="table table-condensed" data-toolbar="#toolbar" data-search="true"
                    data-show-toggle="true" data-show-columns="true" data-show-pagination-switch="true"
                    data-pagination="true" data-search-align="left" data-buttons-align="left" data-toolbar-align="left"
                    data-side-pagination="client">
                    <thead>
                        <tr>
                            <th data-field="id" data-sortable="true" data-formatter="costTaskIdFmt">操作</th>
                            <th data-field="userName" data-sortable="true" data-formatter="userNameFmt">负责人</th>
                            <th data-field="orgCnName" data-sortable="true">所属团队</th>
                            <th data-field="queueNames" data-sortable="true">计算队列</th>
                            <th data-field="minsCores" data-sortable="true" data-formatter="minsCoresFmt">计算用量CU</th>
                            <th data-field="minsCores" data-sortable="true" data-formatter="taskCostFmt">成本（元/CU）</th>
                            <th data-field="dayMinsCoresInc" data-sortable="true" data-formatter="minsCoresFmt">日新增</th>
                            <th data-field="dayMinsCoresIncRatio" data-sortable="true" data-formatter="toPencent">日增长率</th>
                            <th data-field="weekMinsCoresInc" data-sortable="true" data-formatter="minsCoresFmt">周新增</th>
                            <th data-field="weekMinsCoresIncRatio" data-sortable="true" data-formatter="toPencent">周增长率</th>
                            <th data-field="dt" data-sortable="true">报告时间</th>
                        </tr>
                    </thead>
                </table>

            </div>
        </div>
    </div>
</div>
